semantic web 이미지 넣는 방법2개(+semantic web과 semantic tag 이해) 2021.11.01 (Day1)에 배운 것중, HTML과 CSS에서 이미지 넣는 방법 2가지에 대하여 정리해보려고 한다. 하나는 <img>태그를 이용하여 이미지 주소(url) or 이미지 파일 경로를 입력하는 방법 나머지 하나는 background-image를 이용하여 입력하는 방법 이다. 태그 사용법 EX) 해당 코드를 입력하면, 하단의 이미지처럼 넣을 수 있다.(원본 사이즈 그대로) --... semantic websemantic tagsemantic tag 11.17 TIL <img alt="HTML" src=이미지 주소> alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..) 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 or 이미지 url 주소 img 사이즈 조절 -width로 이미지 원하는 사이즈로 조절 가능 html css img태그를 사용시, heigth와 width 둘중 하나만 입력하여도 브라우저에서 알아서... semanticsemantic websemantic tagsemantic 시맨틱 웹 위의 h1 이라는 HTML 태그는 태그 사이의 내용이 없이도 태그 그 자체로 해당 문서의 가장 큰 제목이라는 의미를 갖는 시맨틱하다고 볼 수 있다. 위의 span 태그는 브라우저에 의해서 디폴트로 렌더링되었을 때 h1 태그와 똑같은 모양을 갖지만 해당 태그 자체로 태그가 감싸고 있는 내용, 즉 포함된 데이터가 문서에서 가장 큰 제목이라는 의미를 내포하지는 못하므로 시맨틱하다고 볼 수 없다. ... semantic web시맨틱 웹Semantic HTML시맨틱 태그Semantic HTML TIL 4 | HTML & CSS (4) 1) 시맨틱 웹(Semantic Web)이란? 사람이 이해할 수 있도록 구현된 기존의 웹문서가 가진 한계를 보완하고, 컴퓨터가 스스로 의미(semantic)를 파악하고 사용자가 필요로 하는 정보를 추출할 수 있도록 한다. <div>, <span>과 같이 자신의 컨텐츠에 대해 아무것도 설명해주지 않는 non-semantic tag를 이용하는 경우, class, id를 부여하여 구역을 나누고 스... griddisplay propertyCSSimgsemantic websemantic tagFlexhtmlCSS
이미지 넣는 방법2개(+semantic web과 semantic tag 이해) 2021.11.01 (Day1)에 배운 것중, HTML과 CSS에서 이미지 넣는 방법 2가지에 대하여 정리해보려고 한다. 하나는 <img>태그를 이용하여 이미지 주소(url) or 이미지 파일 경로를 입력하는 방법 나머지 하나는 background-image를 이용하여 입력하는 방법 이다. 태그 사용법 EX) 해당 코드를 입력하면, 하단의 이미지처럼 넣을 수 있다.(원본 사이즈 그대로) --... semantic websemantic tagsemantic tag 11.17 TIL <img alt="HTML" src=이미지 주소> alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..) 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 or 이미지 url 주소 img 사이즈 조절 -width로 이미지 원하는 사이즈로 조절 가능 html css img태그를 사용시, heigth와 width 둘중 하나만 입력하여도 브라우저에서 알아서... semanticsemantic websemantic tagsemantic 시맨틱 웹 위의 h1 이라는 HTML 태그는 태그 사이의 내용이 없이도 태그 그 자체로 해당 문서의 가장 큰 제목이라는 의미를 갖는 시맨틱하다고 볼 수 있다. 위의 span 태그는 브라우저에 의해서 디폴트로 렌더링되었을 때 h1 태그와 똑같은 모양을 갖지만 해당 태그 자체로 태그가 감싸고 있는 내용, 즉 포함된 데이터가 문서에서 가장 큰 제목이라는 의미를 내포하지는 못하므로 시맨틱하다고 볼 수 없다. ... semantic web시맨틱 웹Semantic HTML시맨틱 태그Semantic HTML TIL 4 | HTML & CSS (4) 1) 시맨틱 웹(Semantic Web)이란? 사람이 이해할 수 있도록 구현된 기존의 웹문서가 가진 한계를 보완하고, 컴퓨터가 스스로 의미(semantic)를 파악하고 사용자가 필요로 하는 정보를 추출할 수 있도록 한다. <div>, <span>과 같이 자신의 컨텐츠에 대해 아무것도 설명해주지 않는 non-semantic tag를 이용하는 경우, class, id를 부여하여 구역을 나누고 스... griddisplay propertyCSSimgsemantic websemantic tagFlexhtmlCSS